<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta author="Rocky">
	<script type="text/javascript">

	</script>
	<style type="text/css">
		body, div {
			margin: 0;
			padding:  0;
		}

		.fixed-right {
			top: 50px;
			height: 100px;
			width: 800px;
			position: fixed;
			z-index: 199;
		}

		#fixed-contact {
			margin-left: 1000px;

		}
		.test-full-div {
			height: 2000px;
			width: 1000px;
			background-color: #DDD;
			font-size: 10em;
		}

		/*below attribute is not necessary*/
		img {
			display: block;
		}
		body {
			/*upper level element*/
			position: relative;
		}
	</style>
</head>
<body>
	<div class="fixed-right">
		<img id="fixed-contact" src="image/fixed-contact.png" usemap="#myMap" alt="contact us">
		<map id="myMap">
			<area shape="rect" coords="27, 119, 121, 143" href="http://www.csdn.net" target="_blank"/>
		</map>
	</div>
	<div class="test-full-div">
		test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
	</div>
</body>
</html>